<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/commons.css?r=1" rel="stylesheet" />
		<link href="../css/login.css" rel="stylesheet" />
		<style>
			.userBox{
				width: 100%;
				text-align: center;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 10;
				margin-top: 168px;
				/* color: #49c9bb; */
				font-size: 16px;
				font-weight: 700;
			}
		</style>
	</head>
	<body onkeydown="keyLogin();">
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	</header>

	<!--图片验证码-->
	<div class="zhezhao" style="display: none;">
		<div class="zhazhao_box mui-clearfix">
			<div id="close_box"><img id="close" src="../img/close-dialog.png" alt="关闭"></div>
			<h4>请输入图片验证码</h4>
			<div class="mui-clearfix">
			<input type="text" id="code_input" value="" placeholder="输入验证码"/>
			<div id="v_container" style="">
				<img id="imgObj" onclick="changeImg();" alt="验证码" src=""/>
			</div>
			<div class="change_box" id="change" onclick="changeImg();"><img class="change" src="../img/change_one.png" alt="换一个"></div>
			</div>
			<div class="verify_tips">验证码不区分大小写</div>
			<!--<button id="my_button">确定</button>-->
		</div>
	</div>

	<div class="logo"><img src="../img/logo.png" alt="logo"></div>
	<div class="userBox" style="display: none;">
		<span>邀请人：</span>
		<span>王超</span>
	</div>
		<div class="login2-box">
			<div class="login2-tab">
				<ul>
					<li class="login2-active" id="passlogin">账号密码登录</li>
					<li id="codelogin">手机号快捷登录</li>
				</ul>
			</div>

			<div class="login2-login-box mui-clearfix">
				<div class="login2-user">
					<img src="../img/login2-user.png" alt="手机号" id="phoneImg">
					<input id="phone" type="text" placeholder="请输入手机号">
					<a class="clear" style="display: none;"></a>
					<a class="code-button" style="display: none">获取验证码</a>
				</div>
				<div class="login2-password" id="passloginbox">
					<img src="../img/login2-pass.png" alt="密码">
					<input id="password" type="password" placeholder="请输入密码">
					<a class="eye"></a>
				</div>
				<div class="login2-password" id="codeloginbox" style="display: none;">
					<img src="../img/login2-code.png" alt="密码">
					<input class="code-input" type="text" placeholder="请输入验证码">
				</div>
			</div>
		</div>
		<div class="login-button" id="login-button1" onclick="loginButton1()">登 录</div>
		<div class="login-button" id="login-button2" onclick="loginButton2()" style="display: none;">登 录</div>
	    <div class="login2-forget"><img src="../img/agree.png" alt="同意" id="agreeicon"><span>同意</span><a href="agreement.html" id="agree">助利商城注册协议</a><a href="forget-pass.html" id="forget">忘记密码?</a></div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-1.10.1.min.js"></script>
		<script>  document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>"); </script>
		<script src="../js/md5.js"></script>
		<script>
			document.write("<s"+"cript type='text/javascript' src='../js/login.js?"+Math.random()+"'></scr"+"ipt>");
		</script>
	</body>
</html>
